<!---总览数据页面-->
<template>
  <div class="ele-body ele-body-card">
    <a-row>
      <a-col :span="12" class="block-space-right">
        <a-card title="设备信息" class="card-width">
          <a-descriptions bordered :column="1">
            <a-descriptions-item label="牛舍名称">{{data.oxtallName}}</a-descriptions-item>
            <a-descriptions-item label="区域名称">{{data.areaName}}</a-descriptions-item>
            <a-descriptions-item label="水槽设备ID">{{data.recordId}}</a-descriptions-item>
            <a-descriptions-item label="设备号">{{data.recordNo}}</a-descriptions-item>
            <a-descriptions-item label="网关状态">
              <a-tag v-if="data.recordStatus == 1" color="green">正常</a-tag>
              <a-tag v-else color="red">异常</a-tag>
            </a-descriptions-item>
          </a-descriptions>
        </a-card>
      </a-col>
      <a-col :span="12" class="block-space-right" />
    </a-row>
  </div>
</template>

<script>
import 'echarts-wordcloud';
export default {
  name: 'DeviceSinkGatewayMonitor',
  components: {

  },
  props: {
    data: Object
  },
  data() {
    return {
    };
  },
  mounted() {

  },
  beforeUnmount() {

  },
  computed: {

  },
  methods: {}
};
</script>
<style scoped>
.block-space-top {
  /*上右下左*/
  padding: 10px 0 0 0;
}

.block-space-right {
  padding: 0 5px 0 0;
}

.block-space-left {
  padding: 0 0 0 5px;
}

.card-width {
  width: 100%;
}
@media screen and (max-width: 880px) {
  .analysis-tabs-extra {
    display: none;
  }
}
</style>
